<template>
  <div class="app-page">
    <!-- 头 -->
    <div class="app-header">
      <div class="app-title">
        <i :class="$route.meta.icon"></i> {{ $route.meta.title }}
      </div>
    </div>
    <!-- 单页 -->
    <div class="app-page-padding" style="height:calc(100% - 50px)">
      <RuleForm :is-edit="false"></RuleForm>
    </div>
  </div>
</template>
<script>
import RuleForm from '../components/ruleForm.vue'
export default {
  name: 'ExampleAdd',
  components: { RuleForm }
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style  lang="scss" scoped>
</style>
